// src/router/index.ts
import { createRouter, createWebHashHistory } from 'vue-router'
import routes from './routes'
// import setPageTitle from '@/utils/set-page-title.ts'cd
// const isProduction = import.meta.env.MODE === 'production'
// const history = isProduction
//   ? createWebHashHistory() // 线上：带#
//   : createWebHistory() // 本地：无#

const routerBase = import.meta.env.MODE === 'production' ? '/web/' : '/'
const router = createRouter({
  history: createWebHashHistory(routerBase),
  routes,
  scrollBehavior(_to, _from, savedPosition) {
    // 添加下划线标记未使用参数
    // 当用户点击浏览器后退/前进按钮时，保留之前的滚动位置
    if (savedPosition) {
      return savedPosition
    }
    // 否则每次导航后都滚动到顶部
    else {
      return { top: 0, behavior: 'auto' } // 平滑滚动到顶部  auto、smooth
    }
  }
})

router.beforeEach((_to, _from, next) => {
  // setPageTitle(_to.meta.title)

  if (_to.name === 'ArticleDetail' && _from.name === 'News') {
    // 清除News组件的缓存
    const cachedComponents = getCurrentInstance()?.appContext.config.globalProperties.$keepAlive?.cache
    if (cachedComponents) {
      delete cachedComponents['News']
    }
  }
  next()
})

// / 添加日志，验证路由模式
// console.log('路由模式:', router.history)
export default router
